O fluxograma apresentado na figura 1 mostra o fluxo de interação do usuário pelas telas do sistema. Cada uma das telas deste fluxo é detalhada na seção de Protótipo de baixa fidelidade que se segue. Para visualizar o protótipo interativo, acesse o ambiente MarvelApp do projeto.
As telas do sistema apresentam uma estrutura comum que é apresentada na figura 2. Nesta estrutura existem 3 grandes blocos, descritos a seguir. São eles:
- Cabeçalho - local onde estão dispostos o nome da aplicação web e navegação principal do site (menu da aplicação);
- Conteúdo - apresenta o conteúdo da tela em questão;
- Rodapé - apresenta informações sobre os direitos autorais.
A tela de home page apresenta banners que remetem para as páginas de Livros, Tutorias e Cadastro, depoimentos de estudantes e uma breve descrição sobre o projeto.
A tela de Livros apresenta os livros disponíveis para troca, as informações sobre os livros e o contato do proprietário do livro.
A tela de Tutorias apresenta as informações sobre os tutores/alunos, disciplinas e informações para contato.
A tela de Login apresenta campos para a inserção do e-mail e da senha, e a funcionalidade de manter-se logado.
A tela de cadastro apresenta os seguintes campos para a inserção das informações pessoais do usuário: Nome Completo, E-mail, Telefone, Instituição de Ensino, Endereço, Senha e Confirmação de Senha.
A tela de Perfil apresenta um menu lateral, que permite ter acesso às informações do usuário (que foram inseridas na Página de Cadastro), às telas de Cadastro de Livros e de Tutores, e à opção de "Logout".
A tela de Cadastro de Livros apresenta os seguintes campos: Título, Imagem da capa, Resumo, Autor, Ano de publicação, Área de conhecimento, Estado de conservação, Nome do(a) proprietário(a) e Contato. Esta tela só pode ser acessada por usuários cadastrados, após realizarem o Login.
A tela de Cadastro de Tutores apresenta os seguintes campos: Foto, Nome, Instituição de ensino, Cidade, Disciplina e Contato. Esta tela só pode ser acessada por usuários cadastrados, após realizarem o Login.
